@charset "utf-8";
/* CSS Document */

html {
  -webkit-text-size-adjust: none;
  font-size: 50px;
  background: #FFFFFF;
}

@media (min-width: 320px) {
  html {
    font-size: 42.6667px;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 48px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 50px;
  }
}
@media (min-width: 384px) {
  html {
    font-size: 51.2px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 55.2px;
  }
}
@media (min-width: 448px) {
  html {
    font-size: 59.7333px;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 48px;
  }
}
@media (min-width: 512px) {
  html {
    font-size: 68.2667px;
  }
}
@media (min-width: 544px) {
  html {
    font-size: 72.5333px;
  }
}
@media (min-width: 576px) {
  html {
    font-size: 76.8px;
  }
}
@media (min-width: 608px) {
  html {
    font-size: 81.0667px;
  }
}
@media (min-width: 640px) {
  html {
    font-size: 85.3333px;
  }
}
@media (min-width: 750px) {
  html {
    font-size: 100px;
  }
}

body {
  margin: 0;
  padding: 0;
  /* 默认字体 */
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 0.3rem;
  /* font-size: 14px;
  font-family: 'Microsoft Yahei'; */
  background: #f2f3f4;
  overflow-x: hidden;
}

/* img { */
/* pointer-events: none; */

/*master 分支是以下代码,合并冲突,保留了feature-pc-v1分支的*/
/*pointer-events:none;*/
/*-webkit-user-select:none;*/
/*-moz-user-select:none;*/
/*user-select:none;*/
/* } */

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

[v-cloak] {
  display: none;
}

ul,
li {
  list-style-type: none;
}

img {
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

button {
  vertical-align: middle;
  cursor: pointer;
}

input,
txt,
button {
  vertical-align: middle;
  border: none;
}

input[type='button'],
input[type='submit'],
input[type='file'],
button {
  cursor: pointer;
  -webkit-appearance: none;
}

a,
a:link {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #333333;
  text-decoration: none;
}

a,
a:link,
a:hover,
a:visited {
  color: inherit;
  text-decoration: none;
}

.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
}

.clearfix {
  overflow: hidden;
  zoom: 1;
}

.lft {
  float: left;
}

.rgt {
  float: right;
}

.warp {
  min-width: 320px;
  max-width: 750px;
  background: #f2f3f4;
  margin: 0 auto;
  overflow: hidden;
}

.pcfix {
  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.center {
  width: 7rem;
  margin: 0 auto;
}

.list-name-h3 {
  font-size: 0.3rem;
  color: #222222;
}

.list-label-aa {
  color: #888888 !important;
  font-size: 0.2rem;
}

.footer {
  text-align: center;
  padding: 0.5rem 0 0.56rem;
}

.footer li {
  font-size: 0.24rem;
  color: #7d7d7d;
  line-height: 0.4rem;
  letter-spacing: 1px;
}

.footer li a,
.footer li a:link {
  color: #7d7d7d;
}

.back {
  position: fixed;
  background: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999998;
  display: none;
}

input[type='button'],
input[type='submit'],
input[type='file'],
button {
  cursor: pointer;
  -webkit-appearance: none;
}

input {
  -webkit-tap-highlight-color: rgba(240, 240, 240, 0);
}

img {
  max-width: 100%;
}

/* 工具类 */
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-multiple-2 {
  /* autoprefixer:off */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-multiple-3 {
  /* autoprefixer:off */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text-multiple-4 {
  /* autoprefixer:off */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.img-block {
  display: block;
  width: 100%;
  height: 100%;
}

.a-block {
  display: block;
  text-decoration: none;
  height: 100%;
}

.a-block:focus,
.a-block:hover {
  text-decoration: none;
}

.ui-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.html-no-scroll {
  height: 100vh;
  overflow: hidden;
}

.pagination:empty {
  display: none;
}

.ui-mask {
  position: fixed !important;
  z-index: 888;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

/* 以下为新版m端css */
/* 布局样式 */
.flex,
.f {
  display: flex;
}

.a-i_c {
  align-items: center;
}

.j-c_s-b {
  justify-content: space-between;
}

.j-c_e {
  justify-content: flex-end;
}

.f-d_c {
  flex-direction: column;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-column_s-b {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.flex_1 {
  flex: 1;
}

.f-w_w {
  flex-wrap: wrap;
}

.p_r {
  position: relative;
}

.p_a {
  position: absolute;
}

.HIDE {
  display: none;
}

.font-bold {
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
}

.wordbox {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.wordbox1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.bg_g {
  background: #f2f3f4 !important;
}

.bg_w {
  background: #fff !important;
}

.bg_g2 {
  background: #f4f5f7 !important;
}

/* 页面样式 */

.init-top {
  width: 7.5rem;
  height: 3.05rem;
}

.init-top-bg {
  width: 7.5rem;
  height: 3.05rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.init-top-bar {
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  top: 0;
}

.list-top {
  width: 7.5rem;
  height: 1rem;
  background: #FFFFFF;
  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.42rem;
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  z-index: 666;

  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.list-top a {
  font-size: 0.3rem;
  color: #333333;
  display: flex;
}

.list-top + div,
.list-top + .skybox {
  height: 2.1rem;
}

.list-top-line {
  width: 1px;
  height: 0.35rem;
  background: #CBCBCB;
  margin: 0 0.2rem;
}

.module-top-icon {
  width: 0.48rem;
  height: 0.48rem;
}

.icon-default-box {
  width: 0.94rem;
  height: 1rem;
  /* margin-right: 0.3rem; */
  /* -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none; */
}
/* a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
} */

.icon-default,
.icon-default-box img {
  width: 0.37rem;
  height: 0.37rem;
}

.icon-channel {
  width: 0.43rem;
  height: 0.33rem;
  margin: 0 0.3rem 0 0.1rem;
}

.icon-logo {
  width: 1.8rem;
  height: 0.43rem;
}

.icon-logo-new {
  width: 2.2rem;
  height: 0.58rem;
  margin-left: 0.26rem;
}

.page_init .container {
  padding: 0.65rem 0.3rem 0.3rem;
}

.top-tags {
  width: 6.9rem;
  /* height: 1.5rem; */
  background: #ffffff;
  box-shadow: 0rem -1px 0.14rem 0rem rgba(45, 64, 250, 0.2);
  border-radius: 0.12rem;

  left: 0.3rem;
  top: 1.91rem;

  padding: 0.1rem 0 0.26rem 0.25rem;
  box-sizing: border-box;
  z-index: 200;
}

.top-tags ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  /* justify-content: space-between;
  align-content: space-between; */
}

.top-tags ul li {
  /* flex: 1; */
  flex-shrink: 0;
  margin-right: 0.3rem;
  margin-top: 0.16rem;
  color: #53585b;
  /* float: left; */
}

.top-tags .icon-menu {
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  right: 0.3rem;
  bottom: 0.26rem;
}

.init-nav {
  padding: 0 0.7rem;
  width: 100%;
  height: 1rem;

  font-size: 0.36rem;
  color: #ffffff;
  line-height: 0.5rem;

  position: absolute;
  left: 0;
  top: 0.99rem;
  z-index: 300;
}

.init-nav div {
  height: 0.58rem;
}

.init-nav a,
.init-nav a:link {
  color: #fff !important;
}

.init-nav.auto-fix {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  margin: auto;
  background: #305cfc;
  z-index: 666;
  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.nav-selected {
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nav-selected::after {
  content: '\00A0';
  width: 0.37rem;
  height: 0.06rem;
  background: #67ebfb;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.03rem;
}

.banner {
  padding-top: 0.58rem;
  width: 100%;
  margin-bottom: 0 !important;
}

.banner-pic {
  width: 6.9rem;
  height: 2.78rem;
}

.container {
  background: #fff;
  padding: 0 0.3rem 0.3rem 0.3rem;
}

.container.full {
  padding: 0.3rem;
  margin-top: -0.3rem;
}

.container.fixtop {
  margin-top: -0.7rem;
}

.container.fixtags {
  padding: 0.3rem;
}

.news {
  margin-top: 0.33rem;
}

.news .icon {
  /* width: 0.56rem;
  height: 0.3rem; */
  padding: 0 0.08rem;
  border-radius: 0.07rem;
  border: 1px solid #ee4f28;
  font-size: 0.2rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ee5e2d;
  word-break: keep-all;
  margin-right: 0.18rem;
}

.news .wordbox {
  font-size: 0.26rem;
  width: 6.14rem;
  -webkit-line-clamp: 1;
}

.box {
  margin-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
}

.module .box:last-child {
  border-bottom: none;
}

.m-lr {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.box2 {
  /* padding: 0.3rem 0.26rem; */
  padding: 15px 13px;

  width: 6.9rem;
  /* min-height: 2.89rem; */
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(218, 218, 218, 0.2);
  border-radius: 0.14rem;
  overflow: hidden;
}

.box2 + .box2 {
  margin-top: 15px;
}

.box-title {
  max-height: 1rem;
  font-size: 15px;
  /* line-height: 0.5rem; */
}

.box-title-text {
  /* font-size: 0.3rem; */
  font-size: 15px;
  line-height: 21px;
  vertical-align: middle;
}

.box-top {
  font-size: 13px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ee5e2d;
  vertical-align: middle;
}

.box-left {
  /* width: 4.24rem; */
  /* height: 1.62rem; */
  height: 80px;
}

.box-desc {
  color: #888888;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.box-name {
  color: #535353;
}

.box-name2 {
  margin-left: 0.2rem;
  word-break: keep-all;
}

.box-img-time {
  right: 0;
  bottom: 0;

  background: rgba(15, 15, 15, 0.64);

  border-top-left-radius: 0.08rem;

  padding: 0 0.08rem;

  font-size: 10px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
}

.box-img {
  /* width: 2.36rem;
  height: 1.62rem; */
  width: 120px;
  height: 80px;
  border-radius: 0.06rem;
  margin-left: 0.3rem;
  flex: none;
}

.box-imgLeft {
  /* width: 2.36rem; */
  /* height: 1.62rem; */
  width: 120px;
  height: 80px;
  border-radius: 0.06rem;
  margin-right: 0.3rem;
  flex: none;
  overflow: hidden;
}

.box-imgs {
  margin-top: 0.22rem;
}

.box-imgs img {
  /* width: 2.18rem; */
  /* height: 1.62rem; */
  /* width: 109px; */
  flex: 1;
  overflow: hidden;
  height: 80px;
  border-radius: 0.06rem;
}

.box-imgs img + img {
  margin-left: 10px;
}

.box-line {
  width: 100%;
  height: 1px;
  background: #f3f3f3;
  /* margin-top: 0.2rem; */
  margin-top: 10px;
}

.box-tags2 a {
  margin-right: 0.2rem;
}

.box-tags div,
.box-tags2 a {
  /* padding: 0.05rem 0.15rem; */
  padding: 2.5px 7.5px;
  border-radius: 0.2rem;
  border: 1px solid #387ffc;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 11px;
  color: #387ffc;

  margin-top: 10px;
  /* margin-top: 0.2rem; */

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.box-tags div a {
  font-size: 11px;
  color: #387ffc;
  overflow: hidden;
}

.box-tags div + div {
  margin-left: 0.2rem;
}

.module {
  background: #fff;
  margin-top: 0.2rem;
}

.module-top {
  padding: 0.34rem 0.28rem;
  border-bottom: solid 1px #f3f3f3;
}

.module-top h1,
.module-top h2 {
  font-size: 0.32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  margin-left: 0.09rem;
}

.module-center {
  padding: 0 0.3rem;
}

.module-center.isad {
  padding: 0;
  margin: 0 0.3rem;
}

.box-head {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

.module-bottom {
  height: 1.02rem;
  color: #387ffc !important;
  font-size: 0.28rem;
  line-height: 0.28rem;
  border-top: 1px solid #f3f3f3;
  margin: 0 0.3rem;
}

.icon-view {
  margin-right: 0.08rem;
  width: 14px;
  height: 14px;
}

.arrow-right {
  margin-left: 0.1rem;
  width: 0.14rem;
  height: 0.24rem;
}

.arrow-bottom {
  margin-left: 0.1rem;
  width: 0.24rem;
  height: 0.13rem;
}

.wx-open-top {
  width: 100%;
  height: 0.4rem;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

/* 资讯全部频道 */
.window-top {
  width: 100%;
  height: 0.82rem;
  border-top: solid 1px #f3f3f3;
  border-bottom: solid 1px #f3f3f3;
  font-size: 0.36rem;
  position: fixed;
  background: #fff;
}

.window-top + div {
  height: 0.82rem;
}

.window-top-close {
  width: 0.89rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.window-top-close img {
  width: 0.29rem;
  height: 0.29rem;
}

.emerge-window {
  margin-bottom: 0.54rem;
}

.window-view {
  margin-top: 0.33rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.3rem 0.17rem 0.06rem;
}

.window-view-photo {
  display: block;
  width: 100%;
  height: 100%;
}

.window-view-photo1 {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  margin-right: 0.09rem;
  margin-left: 0.25rem;
}

.window-view-text {
  display: inline-block;

  width: 2.79rem;
  height: 0.42rem;
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
}

.spanline {
  width: 100%;
  margin-bottom: 0.06rem;
}

.window-nav dd {
  display: flex;
  flex-wrap: wrap;
}

.window-nav dd a {
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 0.19rem 0.14rem;
  background: #f6f7f8;
  border-radius: 0.08rem;

  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #464a4f;
  margin-top: 0.24rem;
  margin-left: 0.24rem;
}

.window-view:nth-child(2) .window-nav dd .window-nav-text {
  background: #eff5fe !important;
  color: #387ffc !important;
}

.window-view:nth-child(2) .window-nav {
  display: block;
  width: 100%;
}

.dialog {
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 777;
  display: none;
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.dialog.show {
  display: block;
}

.list_wra {
  height: 1.1rem;
}

/* 资讯列表页 */
.load-box {
  width: 7.5rem;
  height: 1.42rem;
  background: #f2f3f4;
}

.load-box-btn {
  width: 6.9rem;
  height: 0.9rem;
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(218, 218, 218, 0.2);
  border-radius: 0.14rem;

  color: #888888;
  font-size: 0.26rem;
}

.zixun-tags-box {
  overflow: hidden;
}

.zixun-tags {
  overflow-x: scroll;
  height: 100%;
}

.zixun-tags div {
  color: #535353;
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 0.97rem;
}

.zixun-tags::after {
  content: '\00A0';
}

/* 专业问答部分 */
.zywenda-tags {
  width: 7.5rem;
  height: 1.14rem;
  background: #fff;
  position: fixed;
  top: 1rem;
  z-index: 666;
  overflow-x: scroll;
  display: flex;
  font-size: 0.26rem;
  align-items: center;
  left: 50%;
  transform: translate(-50%);
  z-index: 666;
  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.zywenda-tags::after {
  content: '\00A0';
  width: 0.3rem;
  flex: none;
}

.zywenda-tags div {
  height: 0.54rem;
  padding: 0 0.22rem;
  background: #f8f8f8;
  border-radius: 0.21rem;
  color: #535353;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-left: 0.3rem;
}

.zywenda-tags div.selected {
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border: 1px solid #498afc;
  background: none;
  color: #498afc;
}

.tag-banner {
  width: 7.52rem;
  height: 2.35rem;
  position: fixed;
  top: 1rem;
  z-index: 666;

  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.tag-banner .bg {
  width: 7.52rem;
  height: 2.35rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-banner .title {
  font-size: 0.4rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.56rem;
  position: absolute;
  left: 50%;
  top: 0.23rem;
  transform: translateX(-50%);
}

.tag-menu {
  width: 7.5rem;
  height: 1.2rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  background: #fff;
  border-bottom: #f1f1f1 1px solid;
  padding: 0.36rem 0.5rem;
  display: flex;
  justify-content: space-between;

  position: fixed;
  top: 2.8rem;
  z-index: 666;

  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.tag-menu .option {
  font-size: 0.3rem;
  color: #535353;
  padding: 0 0.3rem;
  position: relative;
  line-height: 0.5rem;
  word-break: keep-all;
}

.tag-menu .option.selected {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #535353;
}

.tag-menu .option.selected::after {
  content: '';
  display: block;
  width: 0.37rem;
  height: 0.06rem;
  background: #387ffc;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.03rem;

  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0.08rem);
}

.page-tag .list-top + .skybox {
  height: 4rem;
}

.page-tag .container {
  padding: 0.3rem;
  font-size: 0.24rem;
}

.page-tag .container .box:first-child {
  margin-top: 0;
}

.page-tag .container .box:first-child {
  margin-top: 0;
}

.page-tag .container .box:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.page_help .skybox {
  height: 1rem;
}

.tag-space {
  height: calc(100vh - 6rem);
}

.tag-space img {
  width: 4.02rem;
  height: 3.17rem;
}

.article-space {
  height: calc(100vh - 4rem);
}

.article-space img {
  width: 4.02rem;
  height: 2.8rem;
  margin-bottom: 0.1rem;
}

.tag-space span,
.article-space span {
  font-size: 0.36rem;
  color: #b2b2b2;
  margin-top: 0.2rem;
}

.wx-open-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 4% 0;
}
.wx-open {
  width: 92%;
  height: 92%;
}

.weapp-box {
  width: 100%;
  background: #fff;
  padding: 0.2rem 4%;
  margin: 0.2rem 0;
  display: none;
}

.weapp-box.in {
  padding: 0.3rem 0;
  margin: 0;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
}

/* 广告 */
.adbd {
  margin-top: 0.2rem;
  padding: 0.3rem;
  background: #fff;
  display: none;
}

.box2.isad {
  padding: 0;
}

.remind-banner {
  width: 6.9rem;
  height: 1.64rem;
  margin: 0.2rem auto;
  display: block;
}

.material {
  min-height: 100vh;
  background: #fff;
}

.material .skybox {
  height: 1rem;
}

.material .img {
  width: 2rem;
  height: 2rem;
  margin-top: 1.82rem;
}

.material .title {
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.42rem;
  margin-top: 0.5rem;
}

.material .btn {
  margin-top: 0.5rem;
  width: 3.5rem;
  height: 0.9rem;
  background: #387ffc;
  border-radius: 0.45rem;
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
}

.material .btn img {
  width: 0.59rem;
  height: 0.36rem;
  margin-right: 0.19rem;
}

.material-bottom {
  width: 100%;
  height: 0.84rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.baike-box {
  width: 3.35rem;
  height: 3.95rem;
  background: #ffffff;
  border-radius: 0.08rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: 0.21rem;
}

.baike-box img {
  width: 3.35rem;
  height: 1.87rem;
}

.baike-box .texts {
  padding: 0.2rem 0.2rem 0.24rem;
  flex: 1;
  width: 100%;
}

.baike-box .title {
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #252627;
  line-height: 0.42rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.baike-box .description {
  margin-top: 0.1rem;
  font-size: 0.26rem;
  color: #757474;
  line-height: 0.37rem;
  -webkit-line-clamp: 3;
}

.baike-list .container {
  padding: 0.3rem;
  background: #f8f8f8;
}

/* .baike-list .list-top + div,.baike-list .list-top + .skybox {
  height: 2.4rem;
} */

.baike-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -0.11rem;
}

.zhidao-container {
  background: #fff;
  margin-top: -1.1rem;
  padding-bottom: 0.2rem;
}

.zhidao-box2 {
  width: 3.45rem;
  height: 1.88rem;
  color: #ffffff;
  position: relative;
  display: block;
  font-size: 0.26rem;
  margin: 0.2rem 0 0 0.2rem;
}

.zhidao-box2.big {
  font-size: 0.28rem;
  width: 7.5rem;
  height: 4.22rem;
  margin: 0;
}

.zhidao-box2 img {
  width: 100%;
  height: 100%;
  display: block;
}

.zhidao-box2 span {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.16rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.47rem;
  line-height: 0.47rem;
  box-sizing: border-box;
  color: #ffffff;
}

.zhidao-box2.big span {
  /* padding: 0 0.16rem; */
  height: 0.7rem;
  line-height: 0.7rem;
}

.zhidao-swiper {
  width: 7.5rem;
  height: 4.5rem;
  margin: 0 0 0.2rem;
}

.zhidao-boxes2 {
  width: 100%;
  /* height: 2.8rem; */
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.2rem;
  /* justify-content: space-between;
  align-content: space-between; */
}

.swiper-container.bullet {
  padding-bottom: 20px;
}

.swiper-container.bullet .swiper-pagination {
  position: absolute;
  bottom: 0;
}

.swiper-container.bullet .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  background: #000000;
  opacity: 0.2;
  border-radius: 2px;
}

.swiper-container.bullet .swiper-pagination-bullet-active {
  background: #387ffc;
  opacity: 1;
}

.module .module-top-title {
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.42rem;
  padding-left: 0.14rem;
  position: relative;
}

.module .module-top-title::before {
  content: '';
  display: block;
  background: #387ffc;
  width: 0.04rem;
  height: 0.31rem;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.module .border_none {
  border: none;
}

.module .padding_none {
  padding: 0;
}

.sitemap-navs {
  display: flex;
  height: 0.92rem;
}

.sitemap-navs .nav {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.3rem;
  color: #535353;
}

.sitemap-navs .nav.active {
  font-size: 0.32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
}

.sitemap-navs .nav.active::after {
  content: '';
  position: absolute;
  display: block;
  width: 0.93rem;
  height: 0.06rem;
  background: #387ffc;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.03rem;
  left: 50%;
  top: 0.76rem;
  transform: translate(-50%);
}

.sitemap-item {
  padding-bottom: 0.76rem;
}

.sitemap-item a {
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.42rem;
  padding: 0 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  margin-top: 0.3rem;
}

.sitemap-item a::before {
  content: '';
  display: block;
  background: #000000;
  border-radius: 50%;
  width: 0.04rem;
  height: 0.04rem;
  position: absolute;
  left: 0.14rem;
  top: 50%;
  transform: translate(0, -50%);
}

.swiper-pagination.ball .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.ball .swiper-pagination-bullet {
  margin: 0 3px;
}

.news-type {
  border-bottom: solid 1px #f3f3f3;
  height: 0.94rem;
}

.news-type .item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  color: #000000;
}

.news-type .item.selected {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #387ffc;
  border-bottom: 0.04rem #387ffc solid;
}

.zhuanyewenda.swiper-container {
  padding-bottom: 0.76rem;
}

.dialog-dmk {
  width: 5.26rem;
  height: 6.3rem;
  /* height: 4.25rem; */
  display: flex;
  flex-direction: column;
}

.dialog-dmk.dmk1 {
  height: 6.95rem;
}

.dialog-dmk.dmk2 {
  height: 6.3rem;
}

.dialog-dmk .content {
  width: 5.26rem;
  margin-top: 3.58rem;
  /* height: 2.11rem; */
  /* border-radius: 0 0 0.22rem 0.22rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* .dialog-dmk.dmk2 .content {
  margin-top: 3.58rem;
} */

.dialog-dmk .content .title {
  /* margin-top: 0.24rem; */
  font-size: 0.32rem;
  color: #141516;
  line-height: 0.51rem;
  white-space: pre-line;
  text-align: center;
}
.dialog-dmk .content .desc {
  margin-top: 0.14rem;
  font-size: 0.26rem;
  color: #a3a3a3;
  line-height: 0.51rem;
}
.dialog-dmk .content .btn {
  width: 3.79rem;
  height: 0.9rem;
  background: #387ffc;
  border-radius: 0.45rem;
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

.dialog-close {
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 0.5rem;
}

.minsky .list-top + div,
.minsky .list-top + .skybox {
  height: 1rem;
}

.nosky .list-top + .skybox {
  display: none;
}

.ziliao-top-bg {
  width: 7.5rem;
  height: 2.92rem;
}

.ziliao-tags-title {
  display: flex;
  align-items: center;
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
}

.ziliao-tags-title img {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.1rem;
}

.ziliao .top-tags {
  padding: 0.3rem;
  margin: -0.91rem auto 0;
  position: relative;
  left: initial;
  top: initial;
}

.ziliao .top-tags a {
  font-size: 0.28rem;
  color: #53585b;
}

.ziliao .top-tags .active a {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #317afc;
}

.ziliao-content {
  width: 6.9rem;
  /* height: 19.12rem; */
  margin: 0.3rem auto 0.39rem;
  background: #ffffff;
  box-shadow: 0 0.06rem 0.22rem 0 rgba(169, 169, 169, 0.2);
  border-radius: 0.12rem;
}

.ziliao-options {
  height: 1.01rem;
  display: flex;
  padding: 0 0.3rem;
  border-bottom: 1px solid #f3f3f3;
}

.ziliao-options .option {
  padding: 0.3rem 0;
  margin-right: 0.5rem;
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #535353;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.ziliao-options .option.active {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  border-bottom: 0.03rem solid #387ffc;
}

.ziliao-items {
  display: flex;
  flex-direction: column;
  padding: 0 0.2rem;
}

.ziliao-items .item {
  height: 1.81rem;
  background: #ffffff;
  padding: 0.3rem 0 0.27rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
}

.ziliao.minsky {
  min-height: 100vh;
}

.ziliao-items .item .img {
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
  background: #f9f9f9;
  border-radius: 0.08rem;
}
.ziliao-items .item .img img {
  width: 1.15rem;
  height: 1.15rem;
}

.ziliao-items .item .tag {
  padding: 0 0.11rem;
  height: 0.27rem;
  background: #ff8e00;
  border-radius: 0.06rem;
  flex-shrink: 0;
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.27rem;
}

.ziliao-items .item .title {
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ziliao-items .size {
  margin-right: 0.3rem;
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.24rem;
  margin-top: 0.2rem;
}

.ziliao-items .count {
  font-size: 0.24rem;
  color: #888888;
  line-height: 0.24rem;
  margin-top: 0.2rem;
}

.ziliao-items .btn {
  flex-shrink: 0;
  width: 1rem;
  height: 0.44rem;
  background: linear-gradient(270deg, #ff7711 0%, #fc974d 100%);
  box-shadow: 0 0.06rem 0.06rem 0 #f9d3c3;
  border-radius: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.24rem;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  line-height: 0.31rem;
  cursor: pointer;
  margin-left: 0.28rem;
}

.ziliao-content .ziliao-end {
  height: 0.96rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #888888;
  line-height: 0.37rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ziliao-none {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  flex-direction: column;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #888888;
  line-height: 0.37rem;
}

.ziliao-none img {
  width: 4.02rem;
  height: 2.8rem;
  margin-bottom: 0.3rem;
}

.ziliao-banner {
  width: 7.5rem;
  height: 1.26rem;
}

.banner-close {
  width: 0.72rem;
  height: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}

.banner-close img {
  width: 0.32rem;
  height: 0.32rem;
}

.zuixin-nav-bar {
  display: flex;
  padding: 0 0.11rem;
  overflow-x: scroll;
  height: 1.19rem;
  border-bottom: 1px solid #f1f1f1;
}

.zuixin-nav-bar a {
  flex-shrink: 0;
  padding: 0 0.2rem 0.11rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;
  color: #535353;
  line-height: 0.42rem;
}

.zuixin-nav-bar a.active {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.5rem;
  position: relative;
}

.zuixin-nav-bar a.active::after {
  content: '';
  display: block;
  width: 0.37rem;
  height: 0.06rem;
  background: #387ffc;
  box-shadow: 0 0.06rem 0.22rem 0 rgba(169, 169, 169, 0.2);
  border-radius: 0.03rem;
  position: absolute;
  left: 50%;
  bottom: 0.2rem;
  transform: translateX(-50%);
}

.zuixin-content {
  display: flex;
  flex-direction: column;
  padding: 0 0.3rem;
}

.zuixin-title {
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.3rem;
  display: flex;
  align-items: center;
  padding: 0.4rem 0;
}

.zuixin-title .tag {
  padding: 0 0.11rem;
  height: 0.29rem;
  background: #387ffc;
  border-radius: 0.06rem;
  margin-left: 0.12rem;
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.29rem;
}

.zuixin-content .items {
  display: flex;
  flex-direction: column;
}

.zuixin-content .items a {
  padding: 0.3rem 0.7rem 0.3rem 0;
  border-bottom: solid 1px #f3f3f3;
  font-size: 0.3rem;
  color: #202122;
  line-height: 0.4rem;
  position: relative;
}

.zuixin-content .items a::after {
  content: '';
  width: 0.15rem;
  height: 0.15rem;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
}

.ad-gaodun3 {
  width: 6.9rem;
  height: 2.2rem;
  background: #ffffff;
  border: 0.01rem solid #eaeaea;
  padding: 0.25rem 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.ad-gaodun3 .ad-gaodun-img {
  width: 1.28rem;
  height: 1.28rem;
  margin-right: 0.12rem;
  flex-shrink: 0;
}

.ad-gaodun3 .title {
  font-size: 0.26rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #3c82fc;
  /* line-height: 0.19rem; */
  overflow: hidden;
  /* white-space: nowrap; */
  /* display: block; */
  text-overflow: ellipsis;
  /* width: 4.3rem; */
  line-height: 0.26rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ad-gaodun3:hover .title,
.ad-gaodun3:hover .desc,
.ad-gaodun2:hover .title,
.ad-gaodun2:hover .desc,
.ad-gaodun1:hover .title,
.ad-gaodun1:hover .desc {
  text-decoration: underline;
}

.ad-gaodun3 .desc {
  font-size: 0.24rem;
  color: #6b6967;
  line-height: 0.24rem;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  margin-top: 0.14rem;
}

.ad-gaodun3 .stars {
  font-size: 0.24rem;
  color: #959493;
  line-height: 0.27rem;
  margin-top: 0.14rem;
  display: flex;
  align-items: center;
}

.ad-gaodun3 .stars img {
  width: 1.4rem;
  height: 0.2rem;
}

.ad-gaodun3 .ad-gaodun-download {
  width: 2.3rem;
  height: 0.5rem;
  background: linear-gradient(180deg, #75a7ff 0%, #387ffc 100%);
  border-radius: 0.08rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
  font-family: Helvetica;
  color: #ffffff;
  font-size: 0.24rem;
  line-height: 0.33rem;
  font-weight: bold;
  flex-shrink: 0;
}

.ad-gaodun3 .ad-gaodun-download span + span {
  font-size: 0.14rem;
  line-height: 0.17rem;
  font-weight: normal;
}

.ad-gaodun3 .ad-gaodun-download img {
  width: 0.22rem;
  height: 0.23rem;
  margin-right: 0.08rem;
}

/* news-show.css */
.doc-dialog {
  width: 6.2rem;
  height: 5.43rem;
  background: #ffffff;
  border-radius: 0.14rem;
  padding: 0.4rem;
  position: relative;
}

.doc-title {
  font-size: 0.32rem;
  font-family: SourceHanSansSC-Bold, SourceHanSansSC;
  font-weight: bold;
  color: #387ffc;
  line-height: 0.47rem;
  text-align: center;
}

.doc-input {
  width: 5.4rem;
  /* height: 0.8rem; */
  background: #ffffff;
  border-radius: 0.12rem;
  border: 0.01rem solid #d7d7d7;
  margin-top: 0.4rem;
  padding: 0.22rem;
  font-size: 0.26rem;
  color: #373737;
  line-height: 0.37rem;
  box-sizing: border-box;
}

.doc-tip {
  margin-top: 0.3rem;
  font-size: 0.24rem;
  color: #7f7f7f;
  line-height: 0.33rem;
}

.doc-tip img {
  width: 0.27rem;
  height: 0.27rem;
  margin-right: 0.07rem;
}

.doc-error {
  position: absolute;
  left: 50%;
  top: 3.5rem;
  transform: translate(-50%);
  font-size: 0.24rem;
  color: #f73d3e;
  line-height: 0.33rem;
  white-space: nowrap;
  text-align: center;
  display: none;
}

.doc-text {
  width: 5.4rem;
  margin-top: 0.4rem;
  font-size: 0.28rem;
  color: #1f1f1f;
  line-height: 0.5rem;
}

.doc-text + .doc-btn {
  top: 2.77rem;
}

.doc-btn {
  position: absolute;
  left: 50%;
  top: 4.03rem;
  width: 5.4rem;
  height: 0.9rem;
  background: #387ffc;
  display: flex;
  border-radius: 0.12rem;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  transform: translate(-50%);
}

.doc-btn.ban {
  background: #c3c6c9;
}

.doc-btn2 {
  position: absolute;
  left: 50%;
  top: 3.97rem;
  width: 5.4rem;
  height: 0.9rem;
  border-radius: 0.12rem;
  border: 1px solid #387ffc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #387ffc;
  transform: translate(-50%);
}

.kspd .banner {
  padding-top: 0.3rem;
}

.kspd .banner .banner-pic {
  height: 1.87rem;
}

.kspd .banner .banner-pic li {
  border-radius: 0;
}

.kspd-tools {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.3rem;
  margin-left: -0.85rem;
}

.kspd-tools .item {
  margin-left: 0.85rem;
  display: flex;
  width: 0.94rem;
  flex-direction: column;
  align-items: center;
  font-size: 0.24rem;
  color: #525252;
  line-height: 0.33rem;
  white-space: nowrap;
  margin-top: 0.3rem;
}

.kspd-tools .item img {
  width: 0.94rem;
  height: 0.94rem;
  margin-bottom: 0.12rem;
}

.kspd-countdown {
  width: 6.9rem;
  height: 1.5rem;
  margin-top: 0.4rem;
  background: url('/static/images/kspd/kspd-countbg.png') 0 0/100% 100% no-repeat;
  display: flex;
}

.kspd-countdown .text {
  width: 0.52rem;
  padding: 0.22rem 0.13rem;
  font-size: 0.26rem;
  color: #ffffff;
  line-height: 0.35rem;
  flex-shrink: 0;
}

.kspd-countdown .count {
  padding: 0.2rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kspd-countdown .count .title {
  font-size: 0.28rem;
  font-family: SourceHanSansSC-Bold, SourceHanSansSC;
  font-weight: bold;
  color: #4498fa;
  line-height: 0.38rem;
}

.kspd-countdown .count .nums {
  display: flex;
  align-items: center;
}

.kspd-countdown .count .nums .count-num {
  display: flex;
}

.kspd-countdown .count .nums .count-num span {
  width: 0.57rem;
  height: 0.58rem;
  background: url('/static/images/kspd/kspd-countnum.png') 0 0/100% 100% no-repeat;
  margin-right: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
}

.kspd-countdown .count .nums .day {
  font-size: 0.26rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #2098ff;
}

.kspd-countdown .count .btn {
  width: 1.6rem;
  height: 0.51rem;
  background: linear-gradient(90deg, #79c9fd 0%, #4498fa 100%);
  box-shadow: 0rem 0.06rem 0.04rem 0rem rgba(68, 152, 250, 0.13);
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
}

.kspd-news {
  margin-top: 0.3rem;
  border-bottom: 1px solid #f3f3f3;
}

.kspd-news .item {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0;
  border-top: 1px solid #f3f3f3;
}

.kspd-news .item .bignews {
  display: flex;
  flex-direction: column;
}

.kspd-news .item .bignews a {
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #317afc;
  line-height: 0.4rem;
}

.kspd-news .item .bignews a + a {
  /* margin-left: 0.1rem; */
  margin-top: 0.2rem;
}

.kspd-news .item .news {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

.kspd-news .item .news a {
  font-size: 0.28rem;
  color: #202122;
  line-height: 0.4rem;
  margin-top: 0.2rem;
}

.kspd-news .item .news-tag {
  display: flex;
  flex-direction: column;
}

.kspd-news .item .news-tag .tag-item {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202122;
  line-height: 0.4rem;
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

.kspd-news .item .news-tag .tag {
  border-radius: 0.08rem;
  border: 0.01rem solid #fe320f;
  padding: 0 0.1rem;
  height: 0.4rem;
  font-size: 0.26rem;
  color: #fe320f;
  line-height: 0.4rem;
  margin-right: 0.16rem;
  flex-shrink: 0;
}

.kspd-news .item .news-tag .tag-item .wordbox1 {
  font-size: 0.28rem;
  color: #202122;
  line-height: 0.4rem;
}

.kspd-news .item .news-tag .tag-item .wordbox1 + .wordbox1 {
  margin-left: 0.05rem;
}

.acca-videobox {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  margin-top: 0.3rem;
}

.acca-videobox .title {
  /* font-size: 0.3rem; */
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202122;
  /* line-height: 0.4rem; */
  font-size: 0.41rem;
  line-height: 0.46rem;
  text-align: center;
}

.acca-videobox .video {
  width: 6.9rem;
  height: 3.82rem;
  margin-top: 0.2rem;
  position: relative;
}

.acca-videobox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acca-videobox .play1 {
  width: 0.99rem;
  height: 0.99rem;
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translate(-50%);
}

.acca-videobox .desc {
  width: 6.9rem;
  height: 0.83rem;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.4rem;
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
}

.acca-videobox .desc .play2 {
  width: 0.83rem;
  height: 0.83rem;
  background: #387ffc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.acca-videobox .desc .play2 img {
  width: 0.51rem;
  height: 0.51rem;
  width: 0.51rem;
  height: 0.51rem;
}

.acca-videobox .desc .text {
  padding: 0.21rem 0.2rem;
}

.acca-rightbtns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.3rem;
}

.acca-rightbtns .item {
  width: 2.04rem;
  height: 1.85rem;
  background: linear-gradient(2deg, #fff7f7 0%, #ffeaea 100%);
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  color: #262523;
  line-height: 0.37rem;
}

.acca-rightbtns .item:nth-child(2) {
  background: linear-gradient(358deg, #f0f6ff 0%, #deecff 100%);
}

.acca-rightbtns .item:nth-child(3) {
  background: linear-gradient(360deg, #f1fcff 0%, #e0fbff 100%);
}
.acca-rightbtns .item .btn {
  width: 0.94rem;
  height: 0.94rem;
  margin-bottom: 0.16rem;
}

.acca-map {
  width: 100%;
  height: 1.56rem;
  background: #fafafa;
  margin-top: 0.3rem;
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  overflow-x: scroll;
}

.acca-map .icon {
  width: 1rem;
  height: 0.96rem;
  background: #ffffff;
  box-shadow: 0rem 0.01rem 0.06rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0.31rem;
}

.acca-map .icon img {
  width: 0.6rem;
  height: 0.57rem;
}

.acca-map .areas {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  align-content: space-between;
  height: 1.2rem;
  margin-left: -0.04rem;
  margin-top: -0.3rem;
  font-size: 0.28rem;
  color: #202122;
  line-height: 0.3rem;
  flex-shrink: 0;
}

.acca-map .areas .area {
  margin-left: 0.34rem;
  margin-top: 0.3rem;
}

.acca-map .areas .area:last-child {
  padding-right: 0.3rem;
}

.acca-map .areas .area:first-child {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #317afc;
}

.acca-navs {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.4rem;
  margin-top: 0.1rem;
  padding: 0 0.25rem 0 0.31rem;
}

.acca-navs a {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}

.acca-navs a .type {
  margin-right: 0.2rem;
}

.acca-navs a .time {
  margin-left: 0.44rem;
  color: #999999;
}

.acca-downapp {
  width: 6.9rem;
  height: 2.54rem;
  margin: 0.43rem 0.3rem;
  display: block;
}

.gift-receive {
  width: 5.85rem;
  height: 5.74rem;
  position: relative;
}

.gift-receive-close {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 0.06rem;
  top: -1.5rem;
  pointer-events: none;
}

.kspd-detail-top {
  width: 7.5rem;
  /* height: 3.91rem; */
  background: url('/static/images/kspd/bkzn-detail-top.png') no-repeat 0 0/7.5rem 1.95rem;
  box-shadow: 0 0.06rem 0.22rem 0 rgba(169, 169, 169, 0.2);
  border-radius: 0 0 0.37rem 0.37rem;
  padding-top: 0.34rem;
  padding-bottom: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kspd-detail-top .top-title {
  font-size: 0.4rem;
  font-family: SourceHanSansSC-Bold, SourceHanSansSC;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.4rem;
}

.bkzn-timeline {
  width: 7.1rem;
  height: 1.69rem;
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.08rem;
  padding: 0.3rem;
  margin-top: 0.34rem;
  /* margin: 0.34rem auto 0; */
  display: flex;
  align-items: center;
}

.bkzn-timeline .list {
  display: flex;
  align-items: center;
  height: 1.09rem;
  position: relative;
  overflow-x: scroll;
}

.bkzn-timeline .list::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f2f2f2;
  width: 100%;
  height: 1px;
}

.bkzn-timeline .list .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #7f7f7f;
  position: relative;
  height: 100%;
  flex-shrink: 0;
}

.bkzn-timeline .list .item + .item {
  margin-left: 0.48rem;
}

.bkzn-timeline .list .item::before {
  content: '';
  width: 0.16rem;
  height: 0.16rem;
  background: url('/static/images/kspd/bkzn-timepoint0.png') no-repeat 0 0/100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bkzn-timeline .list .item.active::before {
  background: url('/static/images/kspd/bkzn-timepoint1.png') no-repeat 0 0/100% 100%;
}

.bkzn-timeline .list .item .title,
.bkzn-timeline .list .item .desc {
  font-size: 0.26rem;
  color: #666666;
  line-height: 0.37rem;
  flex-shrink: 0;
}

.bkzn-timeline .list .item.active {
  color: #387ffc;
}

.bkzn-timeline .list .item.active .title,
.bkzn-timeline .list .item.active .desc {
  color: #387ffc;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}

.bkzn-navs {
  width: 6.27rem;
  display: flex;
  align-items: center;
  margin: 0 0.93rem 0 0.3rem;
  margin-top: 0.4rem;
  overflow-x: scroll;
}

.bkzn-navs .item {
  flex-shrink: 0;
  margin-right: 0.39rem;
  position: relative;
}

.bkzn-navs .item .nav {
  color: #666666;
  font-size: 0.3rem;
  line-height: 0.34rem;
}

.bkzn-navs .item.active .nav {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #272625;
  position: relative;
  z-index: 55;
}

.bkzn-navs .item.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.12rem;
  background: linear-gradient(90deg, #69b6fe 0%, #387ffc 100%);
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  border-radius: 0.06rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.bkzn-subnavs {
  width: 100%;
  font-size: 0.28rem;
  color: #434343;
  display: none;
  align-items: center;
  padding: 0 0.3rem;
  margin-top: 0.4rem;
  overflow-x: scroll;
}

.bkzn-subnavs.show {
  display: flex;
}

.bkzn-subnavs .item {
  /* width: 0.95rem; */
  padding: 0 0.2rem;
  height: 0.5rem;
  background: #f8f9fc;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.2rem;
  flex-shrink: 0;
}

.bkzn-subnavs .item.active {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #317afc;
}

.bkzn-listshow {
  width: 0.33rem;
  height: 0.26rem;
  position: absolute;
  right: 0.3rem;
  top: 0.5rem;
  /* margin-top: 0.2rem;
  transform: translateY(-50%); */
}

.bkzn-morenavs {
  width: 7.5rem;
  padding: 0.2rem 0.3rem 0.3rem 0.09rem;
  /* position: absolute; */
  background: #ffffff;
  display: none;
}

.bkzn-morenavs .item {
  width: 2.16rem;
  height: 0.69rem;
  background: #f8f9fc;
  border-radius: 1px;
  margin: 0.2rem 0 0 0.21rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  color: #666666;
  float: left;
}

.bkzn-morenavs .item.active {
  background: #edf5ff;
  border: 1px solid #afd0ff;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #317afc;
}

.bkzn-rich {
  width: 100%;
  padding: 0.3rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.41rem;
}

.time-dialog {
  background: #f2f3f4;
}

.time-dialog .time-top {
  width: 7.5rem;
  height: 6.17rem;
  padding-top: 0.22rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(180deg, #317afc 0%, #f2f3f4 100%);
  font-size: 0.4rem;
  color: #ffffff;
  line-height: 0.56rem;
}

.time-dialog .window-top-close {
  height: 1rem;
}

.time-dialog .window-top-close img {
  width: 0.4rem;
  height: 0.4rem;
}

.kspd-count {
  width: 6.9rem;
  height: 2.02rem;
  background: url('/static/images/kspd/kspd-timebg.png') no-repeat 0 0/100% 100%;
  margin-top: 0.3rem;
  padding: 0.39rem 0.3rem 0.4rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.kspd-count .title {
  font-size: 0.32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #202122;
  line-height: 0.45rem;
}

.kspd-count .count-text {
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #2098ff;
}

.kspd-count .count-num {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kspd-count .count-num span {
  width: 0.57rem;
  height: 0.57rem;
  background: url('/static/images/kspd/bkzn-countday.png') no-repeat 0 0/100% 100%;
  margin-right: 0.13rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
}

.timeline {
  margin-top: -2.77rem;
  width: 6.9rem;
  /* height: 11.92rem; */
  background: #ffffff;
  border-radius: 0.14rem;
  margin-left: 0.3rem;
  padding: 0.5rem 0.26rem;
  position: relative;
  z-index: 66;
  margin-bottom: 0.52rem;
}

.timeline .item {
  position: relative;
  padding-bottom: 0.5rem;
}

.timeline .item::before {
  content: '';
  width: 1px;
  height: 100%;
  border-left: 1px dashed #e2e2e2;
  position: absolute;
  left: 0.13rem;
  top: 0;
}

.timeline .item.active::before {
  border-left: 1px dashed #4881f4;
}

/* .timeline .item:last-child:before {
  height: 0.77rem;
} */

.timeline .item .title {
  display: flex;
  align-items: center;
  padding-left: 0.48rem;
}

.timeline .item .title .tag {
  display: flex;
}

.timeline .item .title .tag .name {
  height: 0.47rem;
  background: #ececed;
  padding: 0 0 0 0.35rem;
  font-size: 0.3rem;
  color: #434343;
  line-height: 0.42rem;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  color: #434343;
  white-space: nowrap;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.timeline .item .title::before {
  content: '';
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  background: url('/static/images/kspd/progress-point0.png') no-repeat 0 0/100% 100%;
  position: absolute;
  left: 0;
  top: 0.1rem;
}

.timeline .item.active .title::before {
  background: url('/static/images/kspd/progress-point1.png') no-repeat 0 0/100% 100%;
}

.timeline .item .title .tag::after {
  content: '';
  width: 0.64rem;
  height: 0.47rem;
  background: url('/static/images/kspd/progress-right0.png') no-repeat 0 0/100% 100%;
}

.timeline .item.active .title .tag .name {
  background: #387ffc;
  color: #ffffff;
}

.timeline .item.active .title .tag::after {
  background: url('/static/images/kspd/progress-right1.png') no-repeat 0 0/100% 100%;
}

.timeline .item .title .desc {
  font-size: 0.26rem;
  color: #e23e2c;
  line-height: 0.37rem;
  margin-left: 0.25rem;
}

.timeline .item .enter {
  /* margin-top: 0.3rem; */
  font-size: 0.28rem;
  color: #434343;
  line-height: 0.4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0.04rem;
}

.timeline .item .enter a {
  height: 0.5rem;
  background: #f8f9fc;
  border-radius: 0.2rem;
  padding: 0.05rem 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
}

.timeline .item .enter a:hover {
  color: #387ffc;
}

.acca-courses {
  display: flex;
  justify-content: space-between;
}

.bkzn-model .acca-courses {
  margin-top: 0;
}

.acca-courses .item {
  width: 3.3rem;
  height: 5.46rem;
  background: #ffffff;
  border-radius: 0.02rem;
  border: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.acca-courses .item .img {
  width: 3.31rem;
  height: 1.91rem;
  object-fit: cover;
}

.acca-courses .item .tags {
  height: 1.7rem;
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
  margin-left: 0.27rem;
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.33rem;
  position: relative;
}

.acca-courses .item .tags::before {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 0.26rem);
  left: 0;
  top: 0.1rem;
  background: #adc8ff;
}

.acca-courses .item .tags .tag {
  position: relative;
  padding-left: 0.28rem;
}

.acca-courses .item .tags .tag::before {
  content: '';
  position: absolute;
  width: 0.09rem;
  height: 0.09rem;
  border-radius: 50%;
  left: 0;
  top: 0.1rem;
  transform: translate(-43%);
  background: #adc8ff;
}

.acca-courses .item .tags .tag + .tag {
  margin-top: 0.12rem;
}

.acca-courses .item .money {
  font-size: 0.24rem;
  color: #e85307;
  line-height: 0.24rem;
  margin-top: 0.18rem;
  padding-left: 0.27rem;
}

.acca-courses .item .money .value {
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  line-height: 0.4rem;
}

.acca-courses .item .btns {
  padding: 0 0.27rem;
  margin-top: 0.28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.acca-courses .item .btns .btn1 {
  width: 1.24rem;
  height: 0.43rem;
  border-radius: 0.13rem;
  border: 1px solid #d2d2d2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.26rem;
  color: #333333;
  line-height: 0.37rem;
  cursor: pointer;
}

.acca-courses .item .btns .btn2 {
  width: 1.24rem;
  height: 0.43rem;
  background: #387ffc;
  border-radius: 0.13rem;
  font-size: 0.26rem;
  color: #ffffff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.bkzn-model {
  background: #ffffff;
  padding: 0 0.3rem;
}

.bkzn-model-title {
  padding: 0.4rem 0.15rem;
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 0.42rem;
  position: relative;
}

.bkzn-model .bkzn-model-title::before {
  content: '';
  display: block;
  width: 0.04rem;
  height: 0.31rem;
  background: #387ffc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.bkzn-others {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.21rem;
  margin-top: -0.21rem;
}

.bkzn-others .item {
  width: 2.16rem;
  height: 0.69rem;
  background: #f8f9fc;
  border-radius: 0.02rem;
  margin-left: 0.21rem;
  margin-top: 0.21rem;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  font-size: 0.3rem;
  line-height: 0.69rem;
  color: #666666;
  padding: 0 0.1rem;
  box-sizing: border-box;
  text-align: center;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.bkzn-circles {
  display: flex;
  padding-left: 0.08rem;
}

.bkzn-circles .item {
  width: 1.85rem;
  /* height: 2.59rem; */
  padding-bottom: 0.17rem;
  background: #ffffff;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169, 169, 169, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.3rem;
}

.bkzn-circles .item .title {
  width: 1.85rem;
  height: 0.39rem;
  line-height: 0.39rem;
  padding: 0 0.1rem;
  background: #9dafc0;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
}

.bkzn-circles .item .img {
  width: 1.42rem;
  height: 1.42rem;
  margin-top: 0.14rem;
}

.bkzn-circles .item .texts {
  width: 1.45rem;
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.33rem;
  word-break: break-all;
  margin-top: 0.14rem;
}

.bkzn-circles .item .texts .text2 {
  color: #217dff;
}

.bkzn-right-title {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('/static/images/kspd/bkzn-right-guide.png') 50% 10% / 2.58rem 0.92rem no-repeat;
  font-size: 0.4rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.56rem;
  height: 1.1rem;
  padding: 0.34rem 0 0.2rem;
  position: relative;
}

.bkzn-right-title::before,
.bkzn-right-title::after {
  content: '';
  display: block;
  width: 0.48rem;
  height: 0.23rem;
  margin: 0 0.2rem;
  background: url('/static/images/kspd/bkzn-right-arrow.png') 0 0 / 100% 100% no-repeat;
}

.bkzn-right-title::after {
  transform: rotateY(180deg);
}

/* .menu-box {
  background: #fff;
  overflow: auto;
  display: none;
}
.header.active .menu-box {
  display: block;
}
.menu-box dt {
  font-size: 0.36rem;
  color: #222222;
  font-weight: 600;
  height: 0.5rem;
  line-height: 0.5rem;
  position: relative;
  margin: 0.1rem 0.3rem 0.28rem 0.4rem;
}
.menu-box dt:before {
  content: '';
  position: absolute;
  background: #f6f6f6;
  width: 100%;
  height: 1px;
  top: 0.23rem;
  left: 0;
}
.menu-box dt span {
  display: inline-block;
  background: #fff;
  padding-right: 0.36rem;
  position: relative;
  z-index: 1;
}
.menu-box dd {
  padding-left: 0.28rem;
  overflow: hidden;
}
.menu-box dd a {
  float: left;
  background: #f6f6f6;
  min-width: 1.46rem;
  height: 0.68rem;
  line-height: 0.68rem;
  text-align: center;
  padding: 0 0.28rem;
  font-size: 0.28rem;
  color: #222222;
  border-radius: 0.03rem;
  margin: 0 0.12rem 0.28rem;
}
.menu-box .login {
  position: absolute;
  background: #fff;
  width: 100%;
  padding: 0.3rem;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.menu-box .login a {
  float: left;
  background: #3176f5;
  width: 3.2rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.36rem;
  color: #fff;
  border-radius: 0.06rem;
  margin: 0 0.1rem;
}
.menu-box .login a:last-child {
  background: #16ac6e;
} */
.list-top .line {
  width: 1px;
  height: 0.35rem;
  background: #CBCBCB;
  margin: 0 0.2rem;
  flex-shrink: 0;
}
.header-bkzn-nav {
  /* margin-left: 0.2rem;
  padding-left: 0.2rem; */
  height: 0.35rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-bkzn-nav .value {
  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.42rem;
  margin-right: 0.14rem;
}
.header-bkzn-nav .icon {
  width: 0.21rem;
  height: 0.14rem;
}

.header-bkzn-navlist {
  display: none;
  align-items: flex-end;
}
.header-bkzn-navlist .options {
  display: flex;
  flex-direction: column;
  width: 7.5rem;
  /* height: 5.16rem; */
  background: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
  margin: 0 auto;
}
.header-bkzn-navlist .options .title {
  font-size: 0.34rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.header-bkzn-navlist .options .title .close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.3rem;
}
.header-bkzn-navlist .options .title .close img {
  width: 0.23rem;
  height: 0.23rem;
}
.header-bkzn-navlist .options .option {
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.42rem;
}
.header-bkzn-navlist .options .option + .option {
  border-top: 1px solid #ecedee;
}
.header-bkzn-navlist .options .option.active {
  color: #357bf6;
}

.sub-box {
  height: 6.43rem;
  display: flex;
  flex-direction: column;
  padding: 0.44rem 0.3rem 0.51rem;
}
.sub-box .sub-selects {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sub-box .sub-selects .select {
  width: 6.9rem;
  height: 0.8rem;
  background: #ffffff;
  border-radius: 0.03rem;
  border: 1px solid #d8d8d8;
  position: relative;
  display: flex;
  margin-bottom: 0.3rem;
}
.sub-box .sub-selects .select .type {
  flex-shrink: 0;
  height: 100%;
  padding: 0.19rem 0.2rem;
  font-size: 0.3rem;
  color: #a9a9a9;
  line-height: 0.42rem;
}
.sub-box .sub-selects .select .value {
  flex: 1;
  height: 100%;
  padding: 0.19rem 0;
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #333333;
}
.sub-box .sub-selects .select .value::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 0.12rem solid #999999;
  border-top-color: #999999;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  margin-top: 0.12rem;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform-origin: 0.12rem 0.06rem;
  transform: translateY(-0.16rem);
}
.sub-box .sub-selects .select.active .value::after {
  transform: translateY(-0.16rem) rotateZ(180deg);
}
.sub-box .sub-selects .select .options {
  width: 100%;
  max-height: 3rem;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 1px 0.05rem 0 rgba(169, 169, 169, 0.45);
  border-radius: 0.03rem;
  /* padding: 10px 0; */
  position: absolute;
  left: 0;
  top: 104%;
  z-index: 333;
  background: #fff;
  display: none;
  font-size: 0.3rem;
  color: #333333;
}
.sub-box .sub-selects .select.active .options {
  display: block;
}
.sub-box .sub-selects .select .options .option {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.19rem 0.2rem;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.sub-box .sub-selects .select .options .option:hover {
  background: #f4f4f4;
}
.sub-box .sub-tips {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #a9a9a9;
  line-height: 0.26rem;
  white-space: nowrap;
  margin-top: 0.3rem;
}
.sub-box .sub-tips .item {
  display: flex;
  align-items: center;
  margin-left: -0.06rem;
}
.sub-box .sub-tips .num {
  width: 0.24rem;
  height: 0.24rem;
  background: #f5f6f7;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.1rem;
}
.sub-box .sub-inputs {
  display: flex;
  flex-direction: column;
}
.sub-box .sub-inputs input {
  width: 6.9rem;
  height: 0.8rem;
  background: #f7f7f7;
  border-radius: 0.03rem;
  border: 1px solid #d8d8d8;
  padding: 0.19rem 0.2rem;
  box-sizing: border-box;
}
.sub-box .sub-btns {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.sub-box .sub-btns .btn2 {
  width: 6.9rem;
  height: 0.8rem;
  background: #387ffc;
  border-radius: 0.03rem;
  font-size: 0.3rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-box .sub-btns .btn2.ban {
  pointer-events: none;
  background: #eeeef0;
}
.sub-box .sub-agreement {
  display: flex;
  align-items: center;
  margin-top: 0.32rem;
  font-size: 0.24rem;
  color: #7f7f7f;
  line-height: 0.33rem;
}
.sub-box .sub-agreement .radio {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.16rem;
  background: url('/static/images/utemplate/radio0.png') 0 0 / 100% 100% no-repeat;
}
.sub-box .sub-agreement.active .radio {
  background: url('/static/images/utemplate/radio1.png') 0 0 / 100% 100% no-repeat;
}
.sub-box .sub-agreement .blue {
  color: #387ffc;
}

.kszd-list-top {
  width: 7.5rem;
  height: 1.71rem;
  position: fixed;
  left: 50%;
  top: 1rem;
  transform: translate(-50%);
  z-index: 666;

  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0.26rem 0.2rem 0 0.2rem;
}

.kszd-list-top .kszd-list-top-title {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  color: #868686;
  line-height: 0.34rem;
}

.kszd-list-top .kszd-list-top-title img {
  width: 0.1rem;
  height: 0.2rem;
  margin-right: 0.2rem;
}

.kszd-list .list-top + .skybox {
  height: 2.92rem;
}

.kszd-list .container {
  padding: 0 0.2rem 0.26rem;
  margin-top: 0;
}

.kszd-list-top .options {
  height: 0.84rem;
  display: flex;
  align-items: center;
  overflow-x: auto;
  margin-top: 0.26rem;
  border-top: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
  font-size: 0.32rem;
  color: #484848;
  line-height: 0.32rem;
}

.kszd-list-top .options .option {
  flex-shrink: 0;
  margin-right: 0.4rem;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.kszd-list-top .options .option.active {
  color: #387ffc;
}

.kszd-list-top .options .option.active::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0.39rem;
  height: 0.05rem;
  border-radius: 0.05rem;
  background: #217DFF;
  transform: translate(-50%);
}

.kszd-content {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 0.08rem;
  margin-top: 100px;
  padding: 0.3rem 0.2rem;
}

.kszd-province {
  display: flex;
  align-items: center;
  position: relative;
  /*padding-bottom: 0.3rem;*/
  margin-top: 40px;
}

.kszd-province .point {
  width: 0.1rem;
  height: 0.1rem;
  background: #AAAAAA;
  border-radius: 50%;
  margin: 0 0.2rem;
}

.kszd-province .province {
  color: #666666;
}

.kszd-province .arrow {
  width: 0.18rem;
  height: 0.1rem;
  margin-left: 0.2rem;
}

.kszd-province .provinces {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* .kszd-province .provinces {
  width: 3.6rem;
  padding: 0.25rem 0 0.23rem 0;
  background: #FFFFFF;
  border-radius: 0.08rem;
  border: 0.01rem solid #EEEEEE;
  position: absolute;
  left: 0;
  top: 100%;
  transform: translate(-0.14rem, 0);
  display: none;
  cursor: initial;
}

.kszd-province:hover .provinces {
  display: block;
}

.kszd-province .provinces .items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -0.24rem 0 0 -0.06rem;
}

.kszd-province .provinces .item {
  font-size: 0.16rem;
  font-family: MicrosoftYaHei;
  color: #000000;
  line-height: 0.2rem;
  margin: 0.24rem 0 0 0.3rem;
}

.kszd-province .provinces .item.active {
  color: #387FFC;
} */

.kszd-moduel-title {
  height: 0.92rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #484848;
  line-height: 0.32rem;
  display: flex;
}

.kszd-moduel-title span {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.kszd-moduel-title span::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.17rem;
  width: 0.39rem;
  height: 0.05rem;
  border-radius: 0.05rem;
  background: #217DFF;
  transform: translate(-50%);
}

.kszd-items {
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0 0.2rem;
}

.kszd-items .item {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0;
}

.kszd-items .item + .item {
  border-top: 1px solid #EEEEEE;
}

.kszd-items .item .title {
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.34rem;
}

.kszd-items .item .desc {
  font-size: 0.26rem;
  color: #7F7F7F;
  line-height: 0.37rem;
  margin-top: 0.16rem;
}

.kszd-items .item .desc .read {
  margin-left: 0.2rem;
  color: #387FFC;
}

.kszd-items .item .info {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.3rem;
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
}

.kszd-items .item .info img {
  width: 0.21rem;
  height: 0.24rem;
  margin-right: 0.12rem;
}

.kszd-items .click-more {
  height: 0.92rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  color: #387FFC;
  line-height: 0.32rem;
  border-top: 1px solid #EEEEEE;
}

.kszd-items .click-more .kszd-arrow {
  margin-left: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
}

.kszd-module {
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0 0.2rem 0.2rem;
  margin-top: 0.3rem;
}

.kszd-module .bkzn-others {
  margin: -0.2rem 0 0;
  justify-content: space-between;
}

.kszd-module .bkzn-others .item {
  margin: 0.2rem 0 0;
  width: 3.25rem;
  height: 0.6rem;
  background: #F5F9FF;
  border-radius: 0.06rem;
  font-size: 0.26rem;
  font-family: MicrosoftYaHei;
  color: #647999;
  line-height: 0.6rem;
}

.kszd-circles {
  width: 6.7rem;
  /* height: 4.25rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0 0.3rem;
}

.kszd-circles .tip1 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #387FFC;
  line-height: 0.4rem;
}

.kszd-circles .tip2 {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.3rem;
  margin-top: 0.11rem;
  letter-spacing: -0.01rem;
}

.kszd-circles .bkzn-circles {
  width: 5.97rem;
  margin-top: 0.3rem;
  padding-left: 0;
  justify-content: space-between;
}

.kszd-circles .bkzn-circles .item {
  margin-left: 0;
}

.live-show {
  width: 5.75rem;
  height: 7.5rem;
  display: flex;
  flex-direction: column;
  padding: 4.46rem 0 0 1.55rem;
  position: relative;
  box-sizing: border-box;
}

.live-show .icon-close {
  position: absolute;
  top: -1.13rem;
  left: 0.12rem;
  width: 0.53rem;
  height: 0.53rem;
  pointer-events: none;
}

.live-show .icon-live {
  position: absolute;
  top: 4.97rem;
  left: 0.96rem;
  width: 0.33rem;
  height: 0.33rem;
}

.live-show .title {
  font-size: 0.36rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFF6CB;
  line-height: 0.4rem;
  letter-spacing: 2px;
  width: 3.4rem;
}

.live-show .desc {
  font-size: 0.26rem;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  line-height: 0.3rem;
  letter-spacing: 1px;
  margin-top: 0.11rem;
  width: 3.4rem;
}

.live-show .status {
  width: 1.97rem;
  height: 0.42rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  margin-top: 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-family: MicrosoftYaHei;
  color: #F59415;
  letter-spacing: 1px;
}

.cjcx-code {
  width: 416px;
  height: 487px;
  background: #FFFFFF;
  border-radius: 13px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cjcx-code .icon-close {
  width: 25px;
  height: 26px;
  position: absolute;
  top: 23px;
  right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cjcx-code .icon-close img {
  width: 15px;
  height: 16px;
}

.cjcx-code .title {
  font-size: 26px;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 35px;
  margin-top: 59px;
}

.cjcx-code .code {
  width: 244px;
  height: 244px;
  margin-top: 30px;
}

.cjcx-code .tip {
  margin-top: 35px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color: #7F7F7F;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.cjcx-code .tip img {
  width: 18px;
  height: 18px;
  margin-right: 9px;
}


/* 预约查分 */
.query-app {
  background: #F9E8CF;
}

.query-top {
  width: 7.5rem;
  height: 4.21rem;
  display: block;
}

.query-banner {
  margin-top: -0.08rem;
  width: 7.5rem;
  display: block;
}

.query-box1-title {
  width: initial;
  height: 0.72rem;
  display: block;
  margin: 0.3rem auto 0;
}

.query-box1 {
  margin: 0.26rem auto 0;
  width: 6.9rem;
  /* height: 8.06rem; */
  background: #FFFFFF;
  border-radius: 0.1rem;
  padding: 0.3rem;
  display: flex;
  flex-direction: column;
}

.query-box1 .img {
  width: 6.3rem;
  height: 3.52rem;
  display: block;
  margin-bottom: 0.3rem;
}

.query-box1 .content {
  display: flex;
  flex-direction: column;
  position: relative;
}

.query-box1 .item {
  display: flex;
  position: relative;
}

.query-box1 .item .num {
  width: 0.56rem;
  height: 0.56rem;
  background: linear-gradient(180deg, #F7573F 0%, #EA3C33 100%);
  box-shadow: 0rem 0.06rem 0.22rem 0rem #F8DCDB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 0.2rem;
  position: relative;
  z-index: 22;
}

.query-box1 .item .title {
  height: 0.56rem;
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 0.56rem;
}

.query-box1 .item .entry {
  width: 5.54rem;
  height: 0.6rem;
  background: linear-gradient(90deg, #F7573F 0%, #EA3C33 100%);
  border-radius: 0.3rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
}

.query-box1 .item + .item {
  margin-top: 0.28rem;
}

.query-box1 .item + .item::before {
  content: '';
  width: 0.02rem;
  height: 0.98rem;
  background: #EC4035;
  position: absolute;
  left: 0.275rem;
  top: -0.98rem;
}


.query-box2-title {
  width: initial;
  height: 1.2rem;
  display: block;
  margin: 0.3rem auto 0;
}

.query-box2  {
  margin: 0.3rem auto 0;
  width: 6.9rem;
  /* height: 6.08rem; */
  background: #FFFFFF;
  border-radius: 0.1rem;
  padding: 0.3rem;
  display: flex;
  flex-direction: column;
}

.query-box2 .title {
  font-size: 0.28rem;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 0.4rem;
}

.query-box2 .list {
  display: flex;
  flex-direction: column;
  margin-top: 0.28rem;
}

.query-box2 .list-title {
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FF0000;
  line-height: 0.42rem;
  margin-bottom: 0.27rem;
}

.query-box2 .item {
  display: flex;
  align-items: center;
}

.query-box2 .item + .item {
  margin-top: 0.2rem;
}

.query-box2 .item .num {
  width: 0.48rem;
  height: 0.48rem;
  background: #FF0000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 0.19rem;
  flex-shrink: 0;
}

.query-box2 .item .text {
  font-size: 0.28rem;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 0.37rem;
}

.query-box2 .btn {
  width: 6.3rem;
  height: 0.7rem;
  background: linear-gradient(90deg, #F7573F 0%, #EA3C33 100%);
  border-radius: 0.35rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.3rem;
}

.query-box3-title {
  width: initial;
  height: 1.2rem;
  display: block;
  margin: 0.3rem auto 0;
}

.query-box3 {
  width: 6.9rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0.3rem auto 0;
}

.query-box3 .item {
  width: 3.45rem;
  height: 4.66rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.24rem;
}

.query-box3 .item .icon {
  width: 1.06rem;
  height: 1.06rem;
}

.query-box3 .item .title {
  margin-top: 0.18rem;
  height: 0.4rem;
  font-size: 0.26rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #333333;
  line-height: 0.35rem;
}

.query-box3 .item .desc {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 0.33rem;
}

.query-box3 .item .btn {
  margin-top: 0.4rem;
  width: 2.98rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  border: 0.01rem solid #FD1620;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-family: MicrosoftYaHei;
  color: #E93831;
}


.query-box4 {
  width: 7.5rem;
  /* height: 14.71rem; */
  position: relative;
  margin-top: 0.3rem;
  background: url('/static/images/query-box4-icon1.png') no-repeat 0 100%/7.5rem 6.05rem;
  background-color: #D03631;
  padding: 0.4rem 0 0.42rem 0;
}

.query-box4 .box-title {
  width: initial;
  margin: 0 auto;
  height: 0.68rem;
  display: block;
}

.query-box4 .list {
  width: 6.9rem;
  /* height: 8rem; */
  border-radius: 0.1rem;
  margin: 0.3rem auto 0;
  padding: 0.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url('/static/images/query-box4-icon2.png') no-repeat 0 0/ 6.9rem 2.59rem;
  background-color: #FFFFFF;
}

.query-box4 .list .item {
  display: flex;
  width: 6.3rem;
  background: #F6F6F6;
  border-radius: 0.08rem;
  margin-top: 0.3rem;
}

.query-box4 .list .item .box {
  flex: 1;
  flex-shrink: 0;
  padding: 0 0.24rem;
  margin: 0.25rem 0;
  background: #F6F6F6;
  border-radius: 0.08rem;
  display: flex;
  flex-direction: column;
}

.query-box4 .list .item .box + .box {
  border-left: 1px solid #E2E2E2;
}

.query-box4 .list .item .box .title {
  font-size: 0.26rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #D03631;
  line-height: 0.35rem;
}

.query-box4 .list .item .box .desc {
  margin-top: 0.18rem;
  font-size: 0.24rem;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 0.31rem;
}

.query-box4 .list .item .box .btn {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  font-family: MicrosoftYaHei;
  color: #E11E25;
  line-height: 0.31rem;
  margin-bottom: 0.05rem;
}

.query-box4 .list .icon {
  width: 1.62rem;
  height: 1.62rem;
  flex-shrink: 0;
}

.query-box5-title {
  width: initial;
  height: 0.68rem;
  display: block;
  margin: 0.3rem auto 0;
}

.query-box5 {
  display: flex;
  flex-direction: column;
}

.query-box5 .item {
  width: 6.9rem;
  height: 4.15rem;
  background: url('/static/images/query-box.png') no-repeat 0 0/100% 100%;
  margin: 0.3rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.48rem;
}

.query-box5 .item .title {
  white-space: nowrap;
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.42rem;
  margin-top: 0.11rem;
}

.query-box5 .item .desc {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}

.query-box5 .item .desc .num {
  width: 0.33rem;
  height: 0.33rem;
  background: #EB3D35;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.22rem;
  font-size: 0.24rem;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  flex-shrink: 0;
}

.query-box5 .item .desc .text {
  width: 5.54rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 0.37rem;
}

.query-box5 .item .desc + .desc {
  margin-top: 0.16rem;
}

.query-box5 .item .btn {
  width: 6.09rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid #FD1620;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #E93831;
  margin-top: auto;
}

.query-box6-title {
  width: initial;
  height: 0.68rem;
  display: block;
  margin: 0.3rem auto 0;
}

.warp.query {
  margin-top: 0;
}

.query-box6 .ad-detail-courses {
  margin-top: 0.3rem;
}


.dialog-ziliao-code {
  display: flex;
  flex-direction: column;
}


.ziliao-code-top {
  width: 4.31rem;
  height: 1.62rem;
}

.ziliao-code-bottom {
  padding: 0.45rem 0 0.78rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ziliao-code-bottom .title {
  font-size: 0.36rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #333333;
  line-height: 0.4rem;
}

.ziliao-code-bottom .desc {
  margin-top: 0.26rem;
  font-size: 0.26rem;
  font-family: MicrosoftYaHei;
  color: #4D4D4D;
  line-height: 0.35rem;
  white-space: pre-line;
  text-align: center;
}

.ziliao-code-btns {
  height: 0.97rem;
  border-top: 1px solid #E3E3E3;
  border-radius: 0 0 0.22rem 0.22rem;
  display: flex;
  overflow: hidden;
}

.ziliao-code-btns .btn1 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.ziliao-code-btns .btn2 {
  flex: 1;
  background: linear-gradient(270deg, #FF7711 0%, #FC974D 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.rg-list-top {
  width: 7.5rem;
  height: 1.18rem;
  background: url('../images/rg/header-bg.png') no-repeat 0 0 / 7.5rem 1.18rem;
  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A516C;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  top: 0;
  z-index: 666;
  min-width: 320px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.warp.nofix,
.warp.warp-rg.nofix {
  margin-top: 0 !important;
}

.warp.nofix .list-option,
.warp.nofix .zywenda-tags {
  margin-top: 0 !important;
  position: initial;
  left: 0;
  transform: none;
}

.warp.nofix .rg-list-top {
  position: initial;
  left: 0;
  transform: none;
}

.rg-list-top a {
  font-size: 0.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4A516C;
  flex-shrink: 0;
}

.rg-list-top .logo {
  width: 1.46rem;
  height: 0.4rem;
  display: block;
  margin-left: 0.26rem;
}

.rg-list-top .line {
  width: 1px;
  height: 0.15rem;
  background: #CBCBCB;
  margin: 0 0.1rem;
  flex-shrink: 0;
}

.rg-list-top .line + a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 2.6rem;
}

.rg-list-top .items {
  margin-right: 0.3rem;
}

.rg-list-top .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.4rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #25316E;
  line-height: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 0;
}

.rg-list-top .item span {
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.24rem;
}

.rg-list-top .item img {
  width: 0.39rem;
  height: 0.39rem;
  display: block;
  margin-bottom: 0.07rem;
}

.warp.warp-rg {
  margin-top: 1.18rem;
}

.warp.warp-rg-list {
  margin-top: 2.28rem;
}

.warp.warp-rg-list .list-option{
  margin-top: 1.18rem;
}

.warp.warp-rg-list .zywenda-tags {
  top: 1.18rem;
}

.warp.warp-rg .zhidao-container {
  margin-top: 0;
}


.fix-detail-btns {
  width: 7.5rem;
  height: 1.08rem;
}

.fix-detail-btns .fix-items {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 7.5rem;
  height: 1.08rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.08rem 0.26rem 0;
  z-index: 320;
}

.fix-detail-btns .fix-items .item {
  width: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #387FFC;
  line-height: 0.33rem;
  position: relative;
}

.fix-detail-btns .fix-items .item .img {
  width: 0.54rem;
  height: 0.54rem;
  margin-bottom: 0.03rem;
}

.fix-detail-btns .fix-items .item .tag {
  position: absolute;
  left: 50%;
  top: -0.18rem;
  transform: translate(-0.1rem) scale(0.92);
  padding: 1px 0.1rem;
  background: #FD7F7D;
  border-radius: 1rem 1rem 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #FFFFFF;
  white-space: nowrap;
}

/*iPhone X 适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .fix-ziliao-bottom {
    height: 1.59rem;
    padding-bottom: 0.2rem;
  }
  .fix-detail-btns,
  .fix-detail-btns .fix-items {
    height: 1.29rem;
    padding-bottom: 0.2rem;
  }
  .ad-gaodun-fix.show2 {
    bottom: 1.29rem;
    pointer-events: initial;
  }
}
/*iPhone XS max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .fix-ziliao-bottom {
    height: 1.59rem;
    padding-bottom: 0.2rem;
  }
  .fix-detail-btns,
  .fix-detail-btns .fix-items {
    height: 1.29rem;
    padding-bottom: 0.2rem;
  }
  .ad-gaodun-fix.show2 {
    bottom: 1.29rem;
    pointer-events: initial;
  }
}
/*iPhone XR max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .fix-ziliao-bottom {
    height: 1.59rem;
    padding-bottom: 0.2rem;
  }
  .fix-detail-btns,
  .fix-detail-btns .fix-items {
    height: 1.29rem;
    padding-bottom: 0.2rem;
  }
  .ad-gaodun-fix.show2 {
    bottom: 1.29rem;
    pointer-events: initial;
  }
}

#rg-channel.ui-mask {
  top: 1.18rem;
}

.rg-channel {
  width: 7.5rem;
  padding-top: 0.4rem;
  background: #FFFFFF;
  margin: 0 auto;
  overflow-y: auto;
  max-height: calc(100% - 1.18rem);
}

.rg-channel .md {
  margin-bottom: 0.5rem;
}

.rg-channel .md .title {
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #464646;
  line-height: 0.3rem;
  display: flex;
  align-items: center;
}

.rg-channel .md .title::before {
  content: '';
  width: 0.06rem;
  height: 0.28rem;
  margin-right: 0.24rem;
  background: #387FFC;
  box-shadow: 0rem 0.06rem 0.22rem 0rem rgba(169,169,169,0.2);
}

.rg-channel .md .list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #464646;
  line-height: 0.3rem;
  padding: 0 0.3rem;
}

.rg-channel .md .list .item {
  margin: 0.3rem 0.5rem 0 0;
  flex-shrink: 0;
}

.rg-channel .btns {
  padding: 0.3rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #DBDBDB;
}

.rg-channel .btns .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #525252;
  line-height: 0.33rem;
}

.rg-channel .btns .btn img {
  width: 0.94rem;
  height: 0.94rem;
  display: block;
  margin-bottom: 0.08rem;
}

.common-ask {
  width: 6.9rem;
  height: 4.24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url('../images/rg/common-ask-bg.png') no-repeat 0 0 / 100% 100%;
}

.common-ask .title {
  font-size: 0.36rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.36rem;
  margin-top: 0.26rem;
}

.common-ask .title .n {
  color: #FFF18E;
}

.common-ask .list {
  margin-top: 0.55rem;
  display: flex;
  flex-direction: column;
}

.common-ask .list .item {
  margin-bottom: 0.14rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.37rem;
  display: flex;
  align-items: center;
}

.common-ask .list .item::before {
  content: '';
  width: 0.26rem;
  height: 0.26rem;
  background: url('../images/rg/common-ask-icon.png') no-repeat 0 0 / 100% 100%;
  display: block;
  margin-right: 0.11rem;
}

.icon-logo-index {
  width: 2.2rem;
  height: 0.63rem;
}

.certificate-bg {
  background: #F6F7F8;
  padding-bottom: 0.21rem;
}

.certificate-banner {
  width: 100%;
  height: 3.04rem;
  display: block;
}

.certificate-model {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
}

.certificate-model-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.36rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #202122;
}

.certificate-model-title::before {
  content: '';
  display: block;
  margin: 0 0.2rem;
  background: url(../images/certificate-icon-title.png) no-repeat 0 0 / 100% 100%;
  width: 0.43rem;
  height: 0.32rem;
}

.certificate-model-title::after {
  content: '';
  display: block;
  margin: 0 0.2rem;
  background: url(../images/certificate-icon-title.png) no-repeat 0 0 / 100% 100%;
  width: 0.43rem;
  height: 0.32rem;
  transform: rotateY(180deg);
}

.certificate-list {
  margin: 0.3rem 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.certificate-item {
  width: 2.23rem;
  height: 2.44rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0.2rem 0 0 0.2rem;
  padding: 0 0.14rem;
  box-sizing: border-box;
}

.certificate-item .title {
  width: 1.95rem;
  height: 0.52rem;
  background: #FFF5EB;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  text-align: center;
}

.certificate-item .title.color1 {
  color: #F59A23;
  background: #FFF5EB;
}

.certificate-item .title.color2 {
  color: #02A7F0;
  background: #EAF6FE;
}

.certificate-item .title.color3 {
  color: #FB5E4A;
  background: #FFEEED;
}

.certificate-item .title.color4 {
  color: #D9021B;
  background: #FCE8E9;
}

.certificate-item .title.color5 {
  color: #2F1DBF;
  background: #E5E8FF;
}

.certificate-item .desc {
  white-space: pre-line;
  height: 0.68rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #575757;
  line-height: 0.34rem;
  margin-top: 0.2rem;
  text-align: center;
}

.certificate-item .btn {
  width: 1.68rem;
  height: 0.44rem;
  border-radius: 0.26rem;
  border: 0.01rem solid #75B214;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #75B214;
  line-height: 0.34rem;
  margin-top: 0.2rem;
  cursor: pointer;
  position: relative;
}

.certificate-item .icon-wechat {
  width: 0.27rem;
  height: 0.22rem;
  margin-right: 0.05rem;

}

.rg-wechat-dialog {
  width: 7.5rem;
  /* height: 7.5rem; */
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rg-wechat-dialog .icons {
  margin-top: 0.9rem;
  width: 3.4rem;
  height: 1.18rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.rg-wechat-dialog .icons .icon1 {
  width: 1.18rem;
  height: 1.18rem;
}

.rg-wechat-dialog .icons .icon2 {
  width: 1.14rem;
  height: 1.14rem;
}

.rg-wechat-dialog .icons .point1 {
  width: 0.075rem;
  height: 0.075rem;
  background: #A7EB97;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 46%;
  top: 50%;
  transform: translate(-50%,-50%);
  animation: point_movie 0.4s ease-in infinite alternate;
}

.rg-wechat-dialog .icons .point2 {
  width: 0.075rem;
  height: 0.075rem;
  background: #A7EB97;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 54%;
  top: 50%;
  transform: translate(-50%,-50%);
  animation: point_movie 0.4s ease-in 0.2s infinite alternate;
}

@keyframes point_movie {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(2);
  }
}

.rg-wechat-dialog .text1 {
  margin-top: 0.5rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #464A4F;
  line-height: 0.37rem;
}

.rg-wechat-dialog .grey-box {
  width: 7.5rem;
  /* height: 3.645rem; */
  background: #FAFAFA;
  margin-top: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0 0.44rem;
}

.rg-wechat-dialog .text2 {
  font-size: 0.26rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #464A4F;
  line-height: 0.37rem;
  white-space: pre-line;
}

.rg-wechat-dialog .text3 {
  margin-top: 0.34rem;
  font-size: 0.26rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #464A4F;
  line-height: 0.49rem;
  white-space: pre-line;
}

.rg-wechat-dialog .btn {
  margin-top: 0.44rem;
  width: 2.99rem;
  height: 0.8rem;
  background: #66BB39;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

#ad_newslist_third {
  display: none;
}
#ad_newslist_ninth {
  display: none;
}
#ad_jingxuan_second {
  display: none;
}
#ad_kaoshi_second {
  display: none;
}

.wrap-detail {
  background-color: #fff;
  padding: 1.18rem 0;
}

.ziliao-detail .detail-top {
  box-sizing: border-box;
  padding: 0 .32rem;
  margin: .64rem 0 .48rem;
}

.ziliao-detail .detail-top-left {
  flex-shrink: 0;
  width: 2.24rem;
  height: 2.68rem;
  border-radius: .24rem;
  background: white;
  box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.08);
  margin-right: .32rem;
  position: relative;
}

.ziliao-detail .detail-top-left .jp {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: .48rem;
}

.ziliao-detail .detail-top-left .cont {
  flex-direction: column;
  height: 100%;
  padding-top: .4rem;
  box-sizing: border-box;
}

.ziliao-detail .detail-top-left .cont img {
  display: block;
  width: .96rem;
  margin-bottom: .16rem;
}

.ziliao-detail .detail-top-left .cont .txt {
  color: #333333;
  font-size: .28rem;
  font-weight: 400;
}

.ziliao-detail .detail-top-right .title {
  font-weight: 500;
  color: #333333;
  font-size: .36rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  /* 防止换行符被忽略 */
  margin-bottom: .22rem;
}

.ziliao-detail .detail-top-right .tag-list {
  flex-wrap: wrap;
  margin-bottom: .1rem;
}

.ziliao-detail .detail-top-right .tag-list .tag {
  border-radius: .08rem;
  background: white;
  border: 1px solid #ffdbbf;
  color: #ff6e00;
  font-size: .24rem;
  font-weight: 400;
  padding: .04rem .12rem;
  margin-right: .16rem;
  margin-bottom: .1rem;
}

.ziliao-detail .detail-top-right .tag-list .tag:nth-child(3n) {
  margin-right: 0;
}

.ziliao-detail .detail-top-right .icon-box {
  display: flex;
  color: #999999;
  font-size: .24rem;
}

.ziliao-detail .detail-top-right .icon-box .l {
  margin-right: .32rem;
}

.ziliao-detail .detail-top-right .icon-box img {
  display: block;
  margin-right: .12rem;
  width: .32rem;
  height: .32rem;
}

.ziliao-detail .detail-top-right .next {
  color: #ff6e00;
  font-size: .24rem;
  font-weight: 400;
  margin-top: .1rem;
}

.ziliao-detail .detail-top-right .next img {
  display: block;
  margin-right: .12rem;
  width: .28rem;
  height: .28rem;
}

.ziliao-detail .ziliao-title {
  box-sizing: border-box;
  padding-left: .32rem;
  margin: .48rem 0 .32rem;
  color: black;
  font-size: .36rem;
  font-weight: 500;
  position: relative;
}

.ziliao-detail .ziliao-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .08rem;
  height: .36rem;
  background: #387ffc;
}
.ziliao-detail .fwb{
  box-sizing: border-box;
  padding: .2rem .4rem;
}

.ziliao-detail .detail-content {
  margin: 0 auto;
  width: 6.48rem;
  min-height: 7.6rem;
  padding-top: .64rem;
  border-radius: .16rem;
  background: #fafafa;
}

.ziliao-detail .detail-content .t1 {
  text-align: center;
  color: #333333;
  font-size: .32rem;
  font-weight: 500;
  margin: 0 auto .32rem;
  white-space: nowrap;
  /* 防止文字换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  width: 6rem;
}

.ziliao-detail .detail-content .t2 {
  font-size: .24rem;
  text-align: center;
  color: #999999;
  font-weight: 400;
  margin: 0 0 .64rem;
}

.ziliao-detail .detail-content .d-bg {
  text-align: right;
}

.ziliao-detail .detail-content .d-bg img {
  width: 5.2rem;
}

.ziliao-detail .detail-bottom {
  position: fixed;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: .4rem;
  width: 6.46rem;
  height: .96rem;
  border-radius: 6.14rem;
  background: linear-gradient(180deg, #387ffc 0%, #75a8ff 100%);
  color: white;
  font-size: .32rem;
  font-weight: 700;
}

.ziliao-detail .detail-bottom img {
  width: .4rem;
  height: .4rem;
  margin-right: .12rem;
}